<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>南讯年会抽奖</title>

	<link rel="stylesheet" href="css/style.css">
	<style>
		canvas {
			background-color:transparent !important;
			position:absolute;
			top:0px;
			left:0px;
			z-index: 999;
		}
	</style>
</head>
<body>

	<div class='luck-back'>
		<div>
			<img src="img/logo.png" style="position: absolute;top: 20px;right: 10px;transform: scale(0.8);">
		</div>
		<div class="prizeList" id="choujiangView">
			<div style="background-image: url(img/btn4.png);" id="choujiangLuck"></div>
			<div style="background-image: url(img/btn3.png);" id="choujiang3"></div>
			<div style="background-image: url(img/btn2.png);" id="choujiang2"></div>
			<div style="background-image: url(img/btn1.png);" id="choujiang1"></div>
			<div style="background-image: url(img/game.png);" id="game"></div>
		</div>
		<div class="luck-content ce-pack-end">
			<div id="luckuser" class="slotMachine">
				<div class="slot">
					<span class="name">姓名</span>
				</div>
			</div>
			<div class="luck-content-btn" style="margin-top: 20px;">
				<a id="start" class="start" onclick="start()" style="background-image: url(img/startBtn.png);">开始</a>
			</div>
			<div class="luck-user">
				<div class="luck-user-title">
					<span id="titleName">中 奖 名 单</span>
				</div>
				<ul class="luck-user-list"></ul>
				<!-- <div class="luck-user-btn">
					<a href="#">查看已中奖人名单</a>
				</div> -->
			</div>
		</div>
	</div>
	<audio id="test" src="audio/test.mp3" controls="controls" loop="loop" hidden="true"></audio>
	<!-- <img src="./boomFlower/boom1.gif" class="boom1"> -->
	<!-- <canvas id="screen"></canvas> -->

	<script src="js/jquery_min.js"></script>
	<script src="js/Luckdraw.js" type="text/javascript"></script>
	<script src="js/zturn.js"></script>
	<!-- <script src="js/canvas.js"></script> -->
</body>
</html>
